<!DOCTYPE html>
<html>
<head>
<title>Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-icon.css"/>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-revise.css"/>
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript" src="../ext/ext-revise.js"></script>
<script type="text/javascript" src="../ext/src/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="../ext/adapter/ux/MultiComboBox.js"></script>
</head>

<body>
<script type="text/javascript">
var store = new Ext.data.SimpleStore({
	fields: ["value", "text"],
	data: [
		["1", "语文"],
		["2", "数学"],
		["3", "英语"],
		["4", "物理"],
		["5", "化学"]
	]
});

var form = new Ext.form.FormPanel({
	renderTo: Ext.getBody(),
	frame: true,
	items: [{
		xtype: "multicombo",
		fieldLabel: "Multi Combo",
		name: "",
		hiddenName: "",
		store: store,
		mode: "local",
		editable: false,
		valueField: "value",
		displayField: "text",
		triggerAction: "all",
		selectOnFocus: true
	}]
});

Ext.onReady(function() {
	//Ext.Msg.alert("Message", "It's OK.");
});
</script>
</body>
</html>
